import { SizeTypesType } from "@/Widgets"
import { getRealTimeWeather } from "@/Widgets/Weather/api"
import { Icon } from "magic-ui-react"
import { useEffect, useState } from "react"
import styles from './styles.module.less'

const Conm11 = () => {
  return (
    <div className={styles.Conm11}>
      <Icon size={40} icon="qrcode" />
    </div>
  )
}

const Conm12 = () => {
  return (
    <div className={styles.Conm12}>
      <div>
        <Icon size={40} icon="qrcode" />
      </div>
      <div>
        扫码
      </div>
    </div>
  )
}

const Conm21 = () => {
  return (
    <div className={styles.Conm21}>
      <div>
        <Icon size={40} icon="qrcode" />
      </div>
      <div>
        扫码
      </div>
    </div>
  )
}

const Conm22 = () => {
  return (
    <div className={styles.Conm22}>
      <div>
        <Icon size={50} icon="qrcode" />
      </div>
    </div>
  )
}

const Conm24 = () => {
  return (
    <div className={styles.Conm24}>
      <div>
        <Icon size={60} icon="qrcode" />
      </div>
      <div>
        扫码
      </div>
    </div>
  )
}


export const sizeTypes: SizeTypesType = {
  '1-1': <Conm11 />,
  '1-2': <Conm12 />,
  '2-1': <Conm21 />,
  '2-2': <Conm22 />,
  '2-4': <Conm24 />,
}
